<!--用户中心容器页-->
<template>
    <div>
        <div class="page-banner-section section">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <h1 class="page-banner-title">我的帐号</h1>
                        <ul class="page-breadcrumb">
                            <li><a href="/">主页</a></li>
                            <li class="active">我的帐号</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="login-register-section section pt-100 pt-lg-80 pt-md-70 pt-sm-60 pt-xs-50 pb-70 pb-lg-50 pb-md-40 pb-sm-30 pb-xs-20">
            <div class="container">
                <div class="row row-25">
                    <div class="col-lg-4 col-12 mb-sm-50 mb-xs-50">
                        <ul class="myaccount-tab-list nav">
                            <li><a :class="userCenterActiveIdx === 0 ? 'active':''" href="user-info">
                                <i class="pe-7s-user"></i>我的信息</a></li>
                            <li><a :class="userCenterActiveIdx === 1 ? 'active':''" href="agent-info">
                                <i class="pe-7s-note2"></i>代理人信息</a></li>
                            <li><a :class="userCenterActiveIdx === 2 ? 'active':''" href="my-property">
                                <i class="pe-7s-photo"></i>我的房产</a></li>
                            <li><a href="/add-property"><i class="pe-7s-back fa-flip-horizontal"></i>新增房产信息</a></li>
                            <li><a href="/login-register"><i class="pe-7s-power"></i>退出</a></li>
                        </ul>
                    </div>
                    <div class="col-lg-8 col-12">
                        <div class="tab-content">
                            <router-view/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    import {createNamespacedHelpers} from 'vuex'

    const {mapGetters} = createNamespacedHelpers('user');
    export default {
        computed: {
            ...mapGetters(['userCenterActiveIdx'])
        }
    }
</script>

<style scoped>

</style>
